  /*文本对齐*/
  .tc{
    text-align: center;
  }
  .tr{

    text-align: right;
  }
  .tl{
    text-align: left;
  }
  .module-box {
    display: flex;
    justify-content: space-between; /* 根据需要调整对齐方式 */
    margin: 5px;
  }
  
  .module-box > div {
    display: flex;
    flex-direction: column; /* 根据需要调整主轴方向 */
    align-items: center; /* 根据需要调整交叉轴对齐方式 */
  }
  .bg {
    padding: 0;
    background-image: url('../assets/bg.png'); 
    background-size: cover;
    background-attachment: fixed;
    z-index: 1;
  }
  
  .conten {
    color: #d3d3d3;
    background-color: #000;
    width: 100%;
    height: 100vh;
  }
  
  .dv-full-screen-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Lower z-index to ensure it's behind .conten.bg */
  }
  .d-flex {
    display: flex;
  }
  .box-middle{
    align-self:center;
  }
  .panel-padding{
    padding: 20px;
  }
